@charset "utf-8";
/* ===================================================================
 file information
 
 file name 　│ style.css
 information │ 診断アプリ専用クラス
=================================================================== */


/* check（性格・旅先診断）
----------------------------------------------------------- */
.check { width:700px; }
.check .bd {
	border-width:0 3px 0 3px;
	border-color:#7ebde7;
	border-style:solid;
	padding-bottom:15px;
}
.check.bg {
	background:url(../images/check_bd_bottom.gif) no-repeat 0 100%;
	padding-bottom:4px;
}

/* クエスチョンリスト */
.check .list {
	padding:12px 17px 0 17px;
}
.check ol li { padding:42px 0 0 145px; }
.check ol li.q1 { background:url(./bg_question1.gif) no-repeat 0 0; width:515px; height:58px; padding-bottom:5px; }
.check ol li.q2 { background:url(./bg_question2.gif) no-repeat 0 0; width:515px; height:58px; padding-bottom:5px; }
.check ol li.q3 { background:url(./bg_question3.gif) no-repeat 0 0; width:515px; height:58px; padding-bottom:5px; }

/* 同意チェック */
.agree {
	margin:10px 0;
	text-align:center;
	font-size:12px;
}
.agree input { vertical-align:middle; }

/* 診断ボタン */
.check_button {
	margin:0 auto;
	text-align:center;
	padding-top:6px;
	background:url(./bg_check1.gif) no-repeat 0 0;
	width:446px;
	height:62px;
}


/* 診断結果
----------------------------------------------------------- */
.result {
	background:url(./bg_result.png) no-repeat 0 0;
	padding-top:40px;
	text-align:center;
	width:700px;
	height:632px;
}
.result .type {
	margin:0 auto;
	width:300px;
	height:320px;	
}
.result .type span { visibility:hidden; }

/* 全体の結果を見るボタン */
.result_button {
	margin:12px auto 0 auto;
	padding-top:6px;
	background:url(./bg_check2.gif) no-repeat 0 0;
	width:452px;
	height:65px;
}


/* ローディング
----------------------------------------------------------- */
.loading {
	background:url(./bg_loading.png) no-repeat 0 0;
	padding:175px 25px 0 25px;
	width:700px;
	height:545px;
}
.loadicon { text-align:center;}


/* グラフ表示（全体結果）
----------------------------------------------------------- */
.total {
	background:url(./bg_total.png) no-repeat 0 0;
	padding:395px 25px 0 25px;
	width:700px;
	height:467px;
}

.total .graph {
	background:url(./bg_total_graph.gif) no-repeat 0 20px;
	width:650px;
	height:361px;
}

/* グラフ（数値） */
.total .graph ul.number li {
	float:left;
	margin-left:10px;
	width:50px;
	color:#0069b4;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.total .graph ul.number li.first {
	margin-left:0;
}

/* グラフ（メーター） */
.total .graph ul.meter li {
	float:left;
	margin-top:3px;
	margin-left:10px;
	width:50px;
	height:200px;
}
.total .graph ul.meter li.first {
	margin-left:0;
}
.total .graph ul.meter li span { visibility:hidden; }
.total_button {
	margin:30px auto 0 auto;
	width:301px;
	height:56px;
}

/* パーセンテージメーター（1%-2px設定） */
.total .graph ul.meter li.ct1 { background:url(./bg_total_bar.gif) no-repeat 0 198px; }
.total .graph ul.meter li.ct2 { background:url(./bg_total_bar.gif) no-repeat 0 196px; }
.total .graph ul.meter li.ct3 { background:url(./bg_total_bar.gif) no-repeat 0 194px; }
.total .graph ul.meter li.ct4 { background:url(./bg_total_bar.gif) no-repeat 0 192px; }
.total .graph ul.meter li.ct5 { background:url(./bg_total_bar.gif) no-repeat 0 190px; }
.total .graph ul.meter li.ct6 { background:url(./bg_total_bar.gif) no-repeat 0 188px; }
.total .graph ul.meter li.ct7 { background:url(./bg_total_bar.gif) no-repeat 0 186px; }
.total .graph ul.meter li.ct8 { background:url(./bg_total_bar.gif) no-repeat 0 184px; }
.total .graph ul.meter li.ct9 { background:url(./bg_total_bar.gif) no-repeat 0 182px; }
.total .graph ul.meter li.ct10 { background:url(./bg_total_bar.gif) no-repeat 0 180px; }
.total .graph ul.meter li.ct11 { background:url(./bg_total_bar.gif) no-repeat 0 178px; }
.total .graph ul.meter li.ct12 { background:url(./bg_total_bar.gif) no-repeat 0 176px; }
.total .graph ul.meter li.ct13 { background:url(./bg_total_bar.gif) no-repeat 0 174px; }
.total .graph ul.meter li.ct14 { background:url(./bg_total_bar.gif) no-repeat 0 172px; }
.total .graph ul.meter li.ct15 { background:url(./bg_total_bar.gif) no-repeat 0 170px; }
.total .graph ul.meter li.ct16 { background:url(./bg_total_bar.gif) no-repeat 0 168px; }
.total .graph ul.meter li.ct17 { background:url(./bg_total_bar.gif) no-repeat 0 166px; }
.total .graph ul.meter li.ct18 { background:url(./bg_total_bar.gif) no-repeat 0 164px; }
.total .graph ul.meter li.ct19 { background:url(./bg_total_bar.gif) no-repeat 0 162px; }
.total .graph ul.meter li.ct20 { background:url(./bg_total_bar.gif) no-repeat 0 160px; }
.total .graph ul.meter li.ct21 { background:url(./bg_total_bar.gif) no-repeat 0 158px; }
.total .graph ul.meter li.ct22 { background:url(./bg_total_bar.gif) no-repeat 0 156px; }
.total .graph ul.meter li.ct23 { background:url(./bg_total_bar.gif) no-repeat 0 154px; }
.total .graph ul.meter li.ct24 { background:url(./bg_total_bar.gif) no-repeat 0 152px; }
.total .graph ul.meter li.ct25 { background:url(./bg_total_bar.gif) no-repeat 0 150px; }
.total .graph ul.meter li.ct26 { background:url(./bg_total_bar.gif) no-repeat 0 148px; }
.total .graph ul.meter li.ct27 { background:url(./bg_total_bar.gif) no-repeat 0 146px; }
.total .graph ul.meter li.ct28 { background:url(./bg_total_bar.gif) no-repeat 0 144px; }
.total .graph ul.meter li.ct29 { background:url(./bg_total_bar.gif) no-repeat 0 142px; }
.total .graph ul.meter li.ct30 { background:url(./bg_total_bar.gif) no-repeat 0 140px; }
.total .graph ul.meter li.ct31 { background:url(./bg_total_bar.gif) no-repeat 0 138px; }
.total .graph ul.meter li.ct32 { background:url(./bg_total_bar.gif) no-repeat 0 136px; }
.total .graph ul.meter li.ct33 { background:url(./bg_total_bar.gif) no-repeat 0 134px; }
.total .graph ul.meter li.ct34 { background:url(./bg_total_bar.gif) no-repeat 0 132px; }
.total .graph ul.meter li.ct35 { background:url(./bg_total_bar.gif) no-repeat 0 130px; }
.total .graph ul.meter li.ct36 { background:url(./bg_total_bar.gif) no-repeat 0 128px; }
.total .graph ul.meter li.ct37 { background:url(./bg_total_bar.gif) no-repeat 0 126px; }
.total .graph ul.meter li.ct38 { background:url(./bg_total_bar.gif) no-repeat 0 124px; }
.total .graph ul.meter li.ct39 { background:url(./bg_total_bar.gif) no-repeat 0 122px; }
.total .graph ul.meter li.ct40 { background:url(./bg_total_bar.gif) no-repeat 0 120px; }
.total .graph ul.meter li.ct41 { background:url(./bg_total_bar.gif) no-repeat 0 118px; }
.total .graph ul.meter li.ct42 { background:url(./bg_total_bar.gif) no-repeat 0 116px; }
.total .graph ul.meter li.ct43 { background:url(./bg_total_bar.gif) no-repeat 0 114px; }
.total .graph ul.meter li.ct44 { background:url(./bg_total_bar.gif) no-repeat 0 112px; }
.total .graph ul.meter li.ct45 { background:url(./bg_total_bar.gif) no-repeat 0 110px; }
.total .graph ul.meter li.ct46 { background:url(./bg_total_bar.gif) no-repeat 0 108px; }
.total .graph ul.meter li.ct47 { background:url(./bg_total_bar.gif) no-repeat 0 106px; }
.total .graph ul.meter li.ct48 { background:url(./bg_total_bar.gif) no-repeat 0 104px; }
.total .graph ul.meter li.ct49 { background:url(./bg_total_bar.gif) no-repeat 0 102px; }
.total .graph ul.meter li.ct50 { background:url(./bg_total_bar.gif) no-repeat 0 100px; }
.total .graph ul.meter li.ct51 { background:url(./bg_total_bar.gif) no-repeat 0 98px; }
.total .graph ul.meter li.ct52 { background:url(./bg_total_bar.gif) no-repeat 0 96px; }
.total .graph ul.meter li.ct53 { background:url(./bg_total_bar.gif) no-repeat 0 94px; }
.total .graph ul.meter li.ct54 { background:url(./bg_total_bar.gif) no-repeat 0 92px; }
.total .graph ul.meter li.ct55 { background:url(./bg_total_bar.gif) no-repeat 0 90px; }
.total .graph ul.meter li.ct56 { background:url(./bg_total_bar.gif) no-repeat 0 88px; }
.total .graph ul.meter li.ct57 { background:url(./bg_total_bar.gif) no-repeat 0 86px; }
.total .graph ul.meter li.ct58 { background:url(./bg_total_bar.gif) no-repeat 0 84px; }
.total .graph ul.meter li.ct59 { background:url(./bg_total_bar.gif) no-repeat 0 82px; }
.total .graph ul.meter li.ct60 { background:url(./bg_total_bar.gif) no-repeat 0 80px; }
.total .graph ul.meter li.ct61 { background:url(./bg_total_bar.gif) no-repeat 0 78px; }
.total .graph ul.meter li.ct62 { background:url(./bg_total_bar.gif) no-repeat 0 76px; }
.total .graph ul.meter li.ct63 { background:url(./bg_total_bar.gif) no-repeat 0 74px; }
.total .graph ul.meter li.ct64 { background:url(./bg_total_bar.gif) no-repeat 0 72px; }
.total .graph ul.meter li.ct65 { background:url(./bg_total_bar.gif) no-repeat 0 70px; }
.total .graph ul.meter li.ct66 { background:url(./bg_total_bar.gif) no-repeat 0 68px; }
.total .graph ul.meter li.ct67 { background:url(./bg_total_bar.gif) no-repeat 0 66px; }
.total .graph ul.meter li.ct68 { background:url(./bg_total_bar.gif) no-repeat 0 64px; }
.total .graph ul.meter li.ct69 { background:url(./bg_total_bar.gif) no-repeat 0 62px; }
.total .graph ul.meter li.ct70 { background:url(./bg_total_bar.gif) no-repeat 0 60px; }
.total .graph ul.meter li.ct71 { background:url(./bg_total_bar.gif) no-repeat 0 58px; }
.total .graph ul.meter li.ct72 { background:url(./bg_total_bar.gif) no-repeat 0 56px; }
.total .graph ul.meter li.ct73 { background:url(./bg_total_bar.gif) no-repeat 0 54px; }
.total .graph ul.meter li.ct74 { background:url(./bg_total_bar.gif) no-repeat 0 52px; }
.total .graph ul.meter li.ct75 { background:url(./bg_total_bar.gif) no-repeat 0 50px; }
.total .graph ul.meter li.ct76 { background:url(./bg_total_bar.gif) no-repeat 0 48px; }
.total .graph ul.meter li.ct77 { background:url(./bg_total_bar.gif) no-repeat 0 46px; }
.total .graph ul.meter li.ct78 { background:url(./bg_total_bar.gif) no-repeat 0 44px; }
.total .graph ul.meter li.ct79 { background:url(./bg_total_bar.gif) no-repeat 0 42px; }
.total .graph ul.meter li.ct80 { background:url(./bg_total_bar.gif) no-repeat 0 40px; }
.total .graph ul.meter li.ct81 { background:url(./bg_total_bar.gif) no-repeat 0 38px; }
.total .graph ul.meter li.ct82 { background:url(./bg_total_bar.gif) no-repeat 0 36px; }
.total .graph ul.meter li.ct83 { background:url(./bg_total_bar.gif) no-repeat 0 34px; }
.total .graph ul.meter li.ct84 { background:url(./bg_total_bar.gif) no-repeat 0 32px; }
.total .graph ul.meter li.ct85 { background:url(./bg_total_bar.gif) no-repeat 0 30px; }
.total .graph ul.meter li.ct86 { background:url(./bg_total_bar.gif) no-repeat 0 28px; }
.total .graph ul.meter li.ct87 { background:url(./bg_total_bar.gif) no-repeat 0 26px; }
.total .graph ul.meter li.ct88 { background:url(./bg_total_bar.gif) no-repeat 0 24px; }
.total .graph ul.meter li.ct89 { background:url(./bg_total_bar.gif) no-repeat 0 22px; }
.total .graph ul.meter li.ct90 { background:url(./bg_total_bar.gif) no-repeat 0 20px; }
.total .graph ul.meter li.ct91 { background:url(./bg_total_bar.gif) no-repeat 0 18px; }
.total .graph ul.meter li.ct92 { background:url(./bg_total_bar.gif) no-repeat 0 16px; }
.total .graph ul.meter li.ct93 { background:url(./bg_total_bar.gif) no-repeat 0 14px; }
.total .graph ul.meter li.ct94 { background:url(./bg_total_bar.gif) no-repeat 0 12px; }
.total .graph ul.meter li.ct95 { background:url(./bg_total_bar.gif) no-repeat 0 10px; }
.total .graph ul.meter li.ct96 { background:url(./bg_total_bar.gif) no-repeat 0 8px; }
.total .graph ul.meter li.ct97 { background:url(./bg_total_bar.gif) no-repeat 0 6px; }
.total .graph ul.meter li.ct98 { background:url(./bg_total_bar.gif) no-repeat 0 4px; }
.total .graph ul.meter li.ct99 { background:url(./bg_total_bar.gif) no-repeat 0 2px; }
.total .graph ul.meter li.ct100 { background:url(./bg_total_bar.gif) no-repeat 0 0; }

/* 注意文言 */

.attention{color:#666666; margin:5px 0; font-size:12px;} 


/* margin space（幅調整-汎用スタイル）
----------------------------------------------------------- */
.mr5 { margin-right:5px; }

